<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数据类型的转换</title>
</head>
<body>
    <!-- 把一种数据类型的变量转换成另外一种数据类型
       1  转换成字符串类型
         方式                      说明                                          案例
         toString()              转换成字符串                         var num=1; alert(num.toString());
         string()强制转换         转换成字符串                        var  num=1; alert(String(num));


         加号拼接字符串          和字符串拼接的结果 都是字符串          var num=1; alert(num + '我是字符串');  这个最常用


       2  转换为数字型
        方式                             说明                                        案例
         parseInt(string)函数          将string类型转成整数数值型                   parseInt('78')
         parseFloat(string)函数        将string类型 转成 浮点数 数值选型            parseFlost('78.31')
         Number() 强制转换函数          将string类型转换为数值型                     Number('12')
         js隐式转换(- * /)              利用算数运算 隐式 转换为数值型             '12'- 0
       3  转换为布尔型
        方式                              说明                                      案例
        Boolean()函数                   其它类型转化为布尔型                            Boolean('true');
        代表  空  否定的值  会被转换为 false 比如 0 NaN  null undefined
        其余值 都会转换 为 true
    -->
    <script>
       // 1.1  把数字型转换为字符串型 变量.toString()
         var num=10;
         var str=num.toString();
         console.log(str);
         console.log(typeof str);
      //  1.2    利用 String(变量)
           console.log(String(num));
      //  1.3  利用 +  拼接字符串的方法实现 转换效果  也叫做 隐式转换
           console.log(num +'');
    
     //2   // 转换为数值型
         //2.1 parseInt(变量) 可以把字符型转换为数值型 得到的是整数 
         var age=prompt('请输入您的年龄');
         console.log( parseInt(age));
         console.log( parseInt('3.54'));  // 3  取整
         console.log( parseInt('120PX'));  // 120 会把后面的 px 像素符号去掉
         console.log( parseInt('rem120PX'));  // NaN

         //2.2 parseFloat(变量)  可以把字符型转换为数值型 得到的是浮点数 
         console.log(parseFloat('9.34')); // 9.34
         console.log(parseFloat('120PX'));
         console.log(parseFloat('rem120px'));   //结果同上面一样

         //2.3 利用Number(变量)
            var zz='123';
            console.log(Number(zz));
            // 简便写法
            console.log(Number('12'));
        // 2.4 利用了算数运算  - * /  减 乘 除
           console.log('12'-0);   // 12
           console.log('123'-'120');   // 3
           console.log('123'* 1);   //  123








        

    </script>
</body>
</html>